{template "content","header"}
<link href="{CSS_PATH}hs/show_news.css" rel="stylesheet" type="text/css" />
<div id="main">
    <div class="main setBoxHeight">
        <div id="article">
            <div class="article" id="dv_scroll">
                <div id="dv_scroll_text" class="Scroller-Container">
                <div class="slide unslider">
                    <ul>
                        {loop $pictureurls $pic_k $r}
                        <li><a href="javascript:;" hidefocus="true"><img src="{$r[url]}" alt="{$r[alt]}" rel="{$r[url]}"/></a></li>
                        {/loop}
                    </ul>
                </div>
                <div class="title">{$title}</div>
                <div class="content">{$content}</div>
                </div>
            </div>
            <div id="dv_scroll_bar">
                <div class="Scrollbar-Up"></div>
                <div id="dv_scroll_track" class="Scrollbar-Track">
                    <div class="Scrollbar-Handle"></div>
                </div>
                <div class="Scrollbar-Down"></div>
            </div><!--dv_scroll_bar end-->
        </div>
    </div>
</div>
<script src="{JS_PATH}hs/scrollbar.js"></script>
<script>
            $(function(){
//                $('#dv_scroll_text').css({'height':$('#main .article .content').outerHeight()})
            })
        </script>
{template "content","footer"}